<template>
  <view class="content">
    <image class="logo" src="/static/logo.png" />
    <view class="text-area">
      <text class="title">{{ title }}</text>
    </view>
  </view>
</template>

<script setup>
  import { useUserStore } from '@/stores/modules/userStore';
  const userStore = useUserStore();
  const title = ref('index');

  const getUserInfo = () => {
    const info = userStore.userInfo;
    console.log(info.name);
  };
  const setUserInfo = () => {
    userStore.setUserInfo({
      name: '张三',
      age: 18,
      gender: '男',
      address: '上海',
    });
  };
</script>
<route lang="json">
{
  "name": "home",
  "style": { "navigationStyle": "custom" },
  "layout": "tabbar"
}
</route>
<style>
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .logo {
    width: 200rpx;
    height: 200rpx;
    margin-top: 200rpx;
    margin-right: auto;
    margin-bottom: 50rpx;
    margin-left: auto;
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>
